var oNav=getByClass("comment-nav")[0];
var aLi=oNav.getElementsByTagName("li");
var aCommentbd=getByClass("comment-bd");
for(var i=0;i<aLi.length;i++){
    aLi[i].index=i;
    aLi[i].onclick=function(){
        for(var k=0;k<aLi.length;k++){//先清空所有的样式
            aLi[k].className ='';
            aCommentbd[k].style.display ='none';
        }
        //给当前的按钮和div添加样式
        this.className ='on';
        aCommentbd[this.index].style.display ='block';
    };
}

function getByClass(sClassName) {
    var aEls = document.getElementsByTagName("*"); //选择确定父元素内所有元素
    var arr = [];
    for (var i = 0; i < aEls.length; i++) {
        var aClassName = aEls[i].className.split(' '); //将所选元素的classname拆分为数组
        for (var j = 0; j < aClassName.length; j++) {//遍历这个数组进行判断
            if (aClassName[j] == sClassName) {
                arr.push(aEls[i]); //将含有要找的className的元素存在数组中
            }
        }
    }
    return arr; //得到在确定父元素下具有某个className的所有元素，然后就可以方便的调用了
}